<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>伪类选择器-超链接</title>
    <style>
        a:link {
            color: brown;
        }
        a:visited {
            color: aqua;
        }
        a:hover {
            color: chartreuse;
        }
        a:active {
            color: darkmagenta;
        }
    </style>
</head>
<body>
    <!-- 如果要给超链接设置四个状态一定要按：link访问前 ：visited访问后 ：hover鼠标悬停 :active点击时 的顺序书写 -->
     <a href="#">伪类超链接测试</a>
     <!-- 单独设置时只需要先a{} 再单独设置 -->
</body>
</html>